<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>lb</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        img {
            border: 0;
        }

        ul, li {
            list-style-type: none;
        }

        .turn {
            width: 302px;
            height: 134px;
            border: 1px #000100 solid;
            margin: 30px;
            position: relative;
            overflow: hidden;
        }
        .turn1 {
            width: 302px;
            height: 134px;
            border: 1px #000100 solid;
            margin: 30px;
            position: relative;
            overflow: hidden;
        }
        .turn2 {
            width: 302px;
            height: 134px;
            border: 1px #000100 solid;
            margin: 30px;
            position: relative;
            overflow: hidden;
        }

        .turn-loading {
            width: 302px;
            height: 134px;
            position: absolute;
            z-index: 4;
            overflow: hidden;
            background: #202f42;
        }

        .turn-loading img {
            width: 32px;
            height: 32px;
            margin: 51px 0 0 135px;
        }

        .turn-pic li {
            position: absolute;
            top: 0px;
            left: 0px;
            filter: alpha(opacity=0);
            opacity: 0;
        }

        .turn-pic li img {
            width: 302px;
            height: 134px;
            overflow: hidden;
        }

        .turn-bg {
            width: 302px;
            height: 32px;
            overflow: hidden;
            background: #000;
            position: absolute;
            z-index: 2;
            bottom: 0;
            filter: alpha(opacity=70);
            opacity: 0.7;
            display: none;
        }

        .turn-tit {
            font-size: 12px;
        }

        .turn-tit a {
            color: #afafaf;
            text-decoration: none;
        }

        .turn-tit a:hover {
            color: #ffb02b;
            text-decoration: none;
        }

        .turn-tit li {
            position: absolute;
            z-index: 3;
            bottom: -20px;
            left: 5px;
        }

        .turn-btn {
            position: absolute;
            z-index: 3;
            font-size: 12px;
            color: #afafaf;
            bottom: 8px;
            right: 15px;
        }

        .turn-btn .lb, .turn-btn .rb {
            width: 6px;
            height: 9px;
            background: url(img/btn.png) no-repeat;
            overflow: hidden;
            position: absolute;
            bottom: 30px;
            left: -280px;
            cursor: pointer;
        }

        .turn-btn .rb {
            background-position: -6px 0;
            left: 1px;
        }

        .turn-btn span {
            text-align: center;
            display: none
        }
    </style>
</head>
<body>
<div id="turn" class="turn">
    <div class="turn-loading"><img src="img/loading_comment.gif"/></div>
    <ul class="turn-pic">
        <li><a href="#"><img src="img/1.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/2.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/3.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/4.jpg" title=""/></a></li>
    </ul>
</div>
<div id="turn1" class="turn1">
    <div class="turn-loading"><img src="img/loading_comment.gif"/></div>
    <ul class="turn-pic">
        <li><a href="#"><img src="img/1.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/2.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/3.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/4.jpg" title=""/></a></li>
    </ul>
</div>
<div id="turn2" class="turn2">
    <div class="turn-loading"><img src="img/loading_comment.gif"/></div>
    <ul class="turn-pic">
        <li><a href="#"><img src="img/1.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/2.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/3.jpg" title=""/></a></li>
        <li><a href="#"><img src="img/4.jpg" title=""/></a></li>
    </ul>
</div>

<script>
    (function (id, t) {
        if (!document.getElementById(id)) {
            return false;
        }
        var doc = document,
                auto = '50000',
                oId = doc.getElementById(id),
                IE = /msie (\d+\.\d)/i.test(navigator.userAgent),
                num = 0,
                bot = true,
                setOpacity = function (obj, opacity) {
                    if (IE) {
                        obj.style.filter = 'Alpha(Opacity=' + (opacity * 100) + ')';
                    }
                    else {
                        obj.style.opacity = opacity;
                    }
                    ;
                },
                setBottom = function (obj, bottom) {
                    obj.style.bottom = bottom + 'px';
                },
                fideIn = function (obj, timeLimit) {
                    if (obj.style.display === 'none') {
                        obj.style.display = 'block';
                    }
                    ;
                    setOpacity(obj, 0);
                    obj.style.zIndex = 1;
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    var opacity = 0,
                            step = timeLimit / 20;
                    clearTimeout(fideInTime);
                    var fideInTime = setTimeout(function () {
                        bot = false;
                        if (opacity >= 1) {
                            bot = true;
                            return;
                        }
                        ;
                        opacity += 1 / step;
                        setOpacity(obj, opacity);
                        fideInTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                fideOut = function (obj, timeLimit) {
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    setOpacity(obj, 1);
                    obj.style.zIndex = 0;
                    var opacity = 1,
                            step = timeLimit / 20;
                    clearTimeout(fideOutTime);
                    var fideOutTime = setTimeout(function () {
                        if (opacity <= 0) {
                            setOpacity(obj, 0);
                            return;
                        }
                        ;
                        opacity -= 1 / step;
                        setOpacity(obj, opacity);
                        fideOutTime = setTimeout(arguments.callee, 20);

                    }, 20);
                },
                heightIn = function (obj, timeLimit) {
                    if (obj.style.display === 'none') {
                        obj.style.display = 'block';
                    }
                    ;
                    setBottom(obj, -40);
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    var bottom = -40,
                            step = timeLimit / 20;
                    clearTimeout(heightInTime);
                    var heightInTime = setTimeout(function () {
                        if (bottom >= 8) {
                            setBottom(obj, 8);
                            return;
                        }
                        ;
                        bottom += 28 / step;
                        setBottom(obj, bottom);
                        heightInTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                heightOut = function (obj, timeLimit) {
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    setBottom(obj, 8);
                    var bottom = 8,
                            step = timeLimit / 20;
                    clearTimeout(heightOutTime);
                    var heightOutTime = setTimeout(function () {
                        if (bottom <= -40) {
                            setBottom(obj, -40);
                            return;
                        }
                        ;
                        bottom -= 28 / step;
                        setBottom(obj, bottom);
                        heightOutTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                getClass = function (oElem, strTagName, strClassName) {
                    var arrElements = (strTagName == '*' && oElem.all) ? oElem.all : oElem.getElementsByTagName(strTagName);
                    var returnArrElements = new Array();
                    var oRegExp = new RegExp('(^|\\s)' + strClassName + '($|\\s)');
                    for (var i = 0; i < arrElements.length; i++) {
                        if (oRegExp.test(arrElements[i].className)) {
                            returnArrElements.push(arrElements[i]);
                        }
                    }
                    return (returnArrElements);
                },
                createElement = function (tag, id, cla) {
                    var elem = document.createElement(tag);
                    if (id && id !== "") {
                        elem.id = id;
                    }
                    if (cla && cla !== "") {
                        elem.className = cla;
                    }
                    return elem;
                },
                showImg = function (n, b) {
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    var turnTit = getClass(oId, 'ul', 'turn-tit')[0];
                    var oLi2 = turnTit.getElementsByTagName('li');
                    var turnBtn = getClass(oId, 'div', 'turn-btn')[0];
                    var oSpan = turnBtn.getElementsByTagName('span')[0];
                    fideIn(oLi[n], 300);
                    heightIn(oLi2[n], 300);
                    oSpan.innerHTML = (n + 1) + '/' + oLi.length;
                    if (b == true) {
                        if (n == oLi.length - 1) {
                            fideOut(oLi[0], 300);
                            heightOut(oLi2[0], 300);
                        }
                        if (n < oLi.length - 1) {
                            fideOut(oLi[n + 1], 300);
                            heightOut(oLi2[n + 1], 300);
                        }
                    }
                    else {
                        if (n > 0) {
                            fideOut(oLi[n - 1], 300);
                            heightOut(oLi2[n - 1], 300);
                        }
                        if (n == 0) {
                            fideOut(oLi[oLi.length - 1], 300);
                            heightOut(oLi2[oLi2.length - 1], 300);
                        }
                    }
                },
                addHtml = function () {
                    var oBg = createElement('div', '', 'turn-bg');
                    var oTit = createElement('ul', '', 'turn-tit');
                    var oBtn = createElement('div', '', 'turn-btn');
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oA = turnPic.getElementsByTagName('a');
                    var oImg = turnPic.getElementsByTagName('img');
                    for (var i = 0, len = oA.length; i < len; i++) {
                        oTit.innerHTML += '<li><a href="' + oA[i].href + '">' + oImg[i].title + '</a></li>';
                    }
                    oBtn.innerHTML = '<div class="lb"></div><div class="rb"></div><span></span>';
                    oId.appendChild(oBg);
                    oId.appendChild(oTit);
                    oId.appendChild(oBtn);
                },
                init = function () {
                    addHtml();
                    showImg(0);
                    var turnLoading = getClass(oId, 'div', 'turn-loading')[0];
                    oId.removeChild(turnLoading);
                    oId.onmouseover = function () {
                        clearInterval(auto);
                    };
                    oId.onmouseout = function () {
                        auto = setInterval(autoTurn, t * 1000);
                    };
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    var oLb = getClass(oId, 'div', 'lb')[0];
                    var oRb = getClass(oId, 'div', 'rb')[0];
                    oLb.onmouseover = function () {
                        this.style.backgroundPosition = '-12px 0';
                    }
                    oLb.onmouseout = function () {
                        this.style.backgroundPosition = '0 0';
                    }
                    oLb.onclick = function () {
                        if (!bot) {
                            return false;
                        }
                        if (num == 0) {
                            num = oLi.length - 1;
                        }
                        else {
                            num = num - 1;
                        }
                        showImg(num, 1);
                    }
                    oRb.onmouseover = function () {
                        this.style.backgroundPosition = '-18px 0';
                    }
                    oRb.onmouseout = function () {
                        this.style.backgroundPosition = '-6px 0';
                    }
                    oRb.onclick = function () {
                        if (!bot) {
                            return false;
                        }
                        if (num == oLi.length - 1) {
                            num = 0;
                        }
                        else {
                            num = num + 1;
                        }
                        showImg(num);
                    }
                },
                autoTurn = function () {
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    if (num == oLi.length - 1) {
                        num = 0;
                    }
                    else {
                        num = num + 1;
                    }
                    showImg(num);
                };
        init();
        auto = setInterval(autoTurn, t * 1000);
    })('turn', 300);

    (function (id, t) {
        if (!document.getElementById(id)) {
            return false;
        }
        var doc = document,
                auto = '50000',
                oId = doc.getElementById(id),
                IE = /msie (\d+\.\d)/i.test(navigator.userAgent),
                num = 0,
                bot = true,
                setOpacity = function (obj, opacity) {
                    if (IE) {
                        obj.style.filter = 'Alpha(Opacity=' + (opacity * 100) + ')';
                    }
                    else {
                        obj.style.opacity = opacity;
                    }
                    ;
                },
                setBottom = function (obj, bottom) {
                    obj.style.bottom = bottom + 'px';
                },
                fideIn = function (obj, timeLimit) {
                    if (obj.style.display === 'none') {
                        obj.style.display = 'block';
                    }
                    ;
                    setOpacity(obj, 0);
                    obj.style.zIndex = 1;
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    var opacity = 0,
                            step = timeLimit / 20;
                    clearTimeout(fideInTime);
                    var fideInTime = setTimeout(function () {
                        bot = false;
                        if (opacity >= 1) {
                            bot = true;
                            return;
                        }
                        ;
                        opacity += 1 / step;
                        setOpacity(obj, opacity);
                        fideInTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                fideOut = function (obj, timeLimit) {
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    setOpacity(obj, 1);
                    obj.style.zIndex = 0;
                    var opacity = 1,
                            step = timeLimit / 20;
                    clearTimeout(fideOutTime);
                    var fideOutTime = setTimeout(function () {
                        if (opacity <= 0) {
                            setOpacity(obj, 0);
                            return;
                        }
                        ;
                        opacity -= 1 / step;
                        setOpacity(obj, opacity);
                        fideOutTime = setTimeout(arguments.callee, 20);

                    }, 20);
                },
                heightIn = function (obj, timeLimit) {
                    if (obj.style.display === 'none') {
                        obj.style.display = 'block';
                    }
                    ;
                    setBottom(obj, -40);
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    var bottom = -40,
                            step = timeLimit / 20;
                    clearTimeout(heightInTime);
                    var heightInTime = setTimeout(function () {
                        if (bottom >= 8) {
                            setBottom(obj, 8);
                            return;
                        }
                        ;
                        bottom += 28 / step;
                        setBottom(obj, bottom);
                        heightInTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                heightOut = function (obj, timeLimit) {
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    setBottom(obj, 8);
                    var bottom = 8,
                            step = timeLimit / 20;
                    clearTimeout(heightOutTime);
                    var heightOutTime = setTimeout(function () {
                        if (bottom <= -40) {
                            setBottom(obj, -40);
                            return;
                        }
                        ;
                        bottom -= 28 / step;
                        setBottom(obj, bottom);
                        heightOutTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                getClass = function (oElem, strTagName, strClassName) {
                    var arrElements = (strTagName == '*' && oElem.all) ? oElem.all : oElem.getElementsByTagName(strTagName);
                    var returnArrElements = new Array();
                    var oRegExp = new RegExp('(^|\\s)' + strClassName + '($|\\s)');
                    for (var i = 0; i < arrElements.length; i++) {
                        if (oRegExp.test(arrElements[i].className)) {
                            returnArrElements.push(arrElements[i]);
                        }
                    }
                    return (returnArrElements);
                },
                createElement = function (tag, id, cla) {
                    var elem = document.createElement(tag);
                    if (id && id !== "") {
                        elem.id = id;
                    }
                    if (cla && cla !== "") {
                        elem.className = cla;
                    }
                    return elem;
                },
                showImg = function (n, b) {
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    var turnTit = getClass(oId, 'ul', 'turn-tit')[0];
                    var oLi2 = turnTit.getElementsByTagName('li');
                    var turnBtn = getClass(oId, 'div', 'turn-btn')[0];
                    var oSpan = turnBtn.getElementsByTagName('span')[0];
                    fideIn(oLi[n], 300);
                    heightIn(oLi2[n], 300);
                    oSpan.innerHTML = (n + 1) + '/' + oLi.length;
                    if (b == true) {
                        if (n == oLi.length - 1) {
                            fideOut(oLi[0], 300);
                            heightOut(oLi2[0], 300);
                        }
                        if (n < oLi.length - 1) {
                            fideOut(oLi[n + 1], 300);
                            heightOut(oLi2[n + 1], 300);
                        }
                    }
                    else {
                        if (n > 0) {
                            fideOut(oLi[n - 1], 300);
                            heightOut(oLi2[n - 1], 300);
                        }
                        if (n == 0) {
                            fideOut(oLi[oLi.length - 1], 300);
                            heightOut(oLi2[oLi2.length - 1], 300);
                        }
                    }
                },
                addHtml = function () {
                    var oBg = createElement('div', '', 'turn-bg');
                    var oTit = createElement('ul', '', 'turn-tit');
                    var oBtn = createElement('div', '', 'turn-btn');
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oA = turnPic.getElementsByTagName('a');
                    var oImg = turnPic.getElementsByTagName('img');
                    for (var i = 0, len = oA.length; i < len; i++) {
                        oTit.innerHTML += '<li><a href="' + oA[i].href + '">' + oImg[i].title + '</a></li>';
                    }
                    oBtn.innerHTML = '<div class="lb"></div><div class="rb"></div><span></span>';
                    oId.appendChild(oBg);
                    oId.appendChild(oTit);
                    oId.appendChild(oBtn);
                },
                init = function () {
                    addHtml();
                    showImg(0);
                    var turnLoading = getClass(oId, 'div', 'turn-loading')[0];
                    oId.removeChild(turnLoading);
                    oId.onmouseover = function () {
                        clearInterval(auto);
                    };
                    oId.onmouseout = function () {
                        auto = setInterval(autoTurn, t * 1000);
                    };
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    var oLb = getClass(oId, 'div', 'lb')[0];
                    var oRb = getClass(oId, 'div', 'rb')[0];
                    oLb.onmouseover = function () {
                        this.style.backgroundPosition = '-12px 0';
                    }
                    oLb.onmouseout = function () {
                        this.style.backgroundPosition = '0 0';
                    }
                    oLb.onclick = function () {
                        if (!bot) {
                            return false;
                        }
                        if (num == 0) {
                            num = oLi.length - 1;
                        }
                        else {
                            num = num - 1;
                        }
                        showImg(num, 1);
                    }
                    oRb.onmouseover = function () {
                        this.style.backgroundPosition = '-18px 0';
                    }
                    oRb.onmouseout = function () {
                        this.style.backgroundPosition = '-6px 0';
                    }
                    oRb.onclick = function () {
                        if (!bot) {
                            return false;
                        }
                        if (num == oLi.length - 1) {
                            num = 0;
                        }
                        else {
                            num = num + 1;
                        }
                        showImg(num);
                    }
                },
                autoTurn = function () {
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    if (num == oLi.length - 1) {
                        num = 0;
                    }
                    else {
                        num = num + 1;
                    }
                    showImg(num);
                };
        init();
        auto = setInterval(autoTurn, t * 1000);
    })('turn1', 300);
    (function (id, t) {
        if (!document.getElementById(id)) {
            return false;
        }
        var doc = document,
                auto = '50000',
                oId = doc.getElementById(id),
                IE = /msie (\d+\.\d)/i.test(navigator.userAgent),
                num = 0,
                bot = true,
                setOpacity = function (obj, opacity) {
                    if (IE) {
                        obj.style.filter = 'Alpha(Opacity=' + (opacity * 100) + ')';
                    }
                    else {
                        obj.style.opacity = opacity;
                    }
                    ;
                },
                setBottom = function (obj, bottom) {
                    obj.style.bottom = bottom + 'px';
                },
                fideIn = function (obj, timeLimit) {
                    if (obj.style.display === 'none') {
                        obj.style.display = 'block';
                    }
                    ;
                    setOpacity(obj, 0);
                    obj.style.zIndex = 1;
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    var opacity = 0,
                            step = timeLimit / 20;
                    clearTimeout(fideInTime);
                    var fideInTime = setTimeout(function () {
                        bot = false;
                        if (opacity >= 1) {
                            bot = true;
                            return;
                        }
                        ;
                        opacity += 1 / step;
                        setOpacity(obj, opacity);
                        fideInTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                fideOut = function (obj, timeLimit) {
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    setOpacity(obj, 1);
                    obj.style.zIndex = 0;
                    var opacity = 1,
                            step = timeLimit / 20;
                    clearTimeout(fideOutTime);
                    var fideOutTime = setTimeout(function () {
                        if (opacity <= 0) {
                            setOpacity(obj, 0);
                            return;
                        }
                        ;
                        opacity -= 1 / step;
                        setOpacity(obj, opacity);
                        fideOutTime = setTimeout(arguments.callee, 20);

                    }, 20);
                },
                heightIn = function (obj, timeLimit) {
                    if (obj.style.display === 'none') {
                        obj.style.display = 'block';
                    }
                    ;
                    setBottom(obj, -40);
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    var bottom = -40,
                            step = timeLimit / 20;
                    clearTimeout(heightInTime);
                    var heightInTime = setTimeout(function () {
                        if (bottom >= 8) {
                            setBottom(obj, 8);
                            return;
                        }
                        ;
                        bottom += 28 / step;
                        setBottom(obj, bottom);
                        heightInTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                heightOut = function (obj, timeLimit) {
                    if (!timeLimit) {
                        timeLimit = 200;
                    }
                    ;
                    setBottom(obj, 8);
                    var bottom = 8,
                            step = timeLimit / 20;
                    clearTimeout(heightOutTime);
                    var heightOutTime = setTimeout(function () {
                        if (bottom <= -40) {
                            setBottom(obj, -40);
                            return;
                        }
                        ;
                        bottom -= 28 / step;
                        setBottom(obj, bottom);
                        heightOutTime = setTimeout(arguments.callee, 20);
                    }, 20);
                },
                getClass = function (oElem, strTagName, strClassName) {
                    var arrElements = (strTagName == '*' && oElem.all) ? oElem.all : oElem.getElementsByTagName(strTagName);
                    var returnArrElements = new Array();
                    var oRegExp = new RegExp('(^|\\s)' + strClassName + '($|\\s)');
                    for (var i = 0; i < arrElements.length; i++) {
                        if (oRegExp.test(arrElements[i].className)) {
                            returnArrElements.push(arrElements[i]);
                        }
                    }
                    return (returnArrElements);
                },
                createElement = function (tag, id, cla) {
                    var elem = document.createElement(tag);
                    if (id && id !== "") {
                        elem.id = id;
                    }
                    if (cla && cla !== "") {
                        elem.className = cla;
                    }
                    return elem;
                },
                showImg = function (n, b) {
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    var turnTit = getClass(oId, 'ul', 'turn-tit')[0];
                    var oLi2 = turnTit.getElementsByTagName('li');
                    var turnBtn = getClass(oId, 'div', 'turn-btn')[0];
                    var oSpan = turnBtn.getElementsByTagName('span')[0];
                    fideIn(oLi[n], 300);
                    heightIn(oLi2[n], 300);
                    oSpan.innerHTML = (n + 1) + '/' + oLi.length;
                    if (b == true) {
                        if (n == oLi.length - 1) {
                            fideOut(oLi[0], 300);
                            heightOut(oLi2[0], 300);
                        }
                        if (n < oLi.length - 1) {
                            fideOut(oLi[n + 1], 300);
                            heightOut(oLi2[n + 1], 300);
                        }
                    }
                    else {
                        if (n > 0) {
                            fideOut(oLi[n - 1], 300);
                            heightOut(oLi2[n - 1], 300);
                        }
                        if (n == 0) {
                            fideOut(oLi[oLi.length - 1], 300);
                            heightOut(oLi2[oLi2.length - 1], 300);
                        }
                    }
                },
                addHtml = function () {
                    var oBg = createElement('div', '', 'turn-bg');
                    var oTit = createElement('ul', '', 'turn-tit');
                    var oBtn = createElement('div', '', 'turn-btn');
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oA = turnPic.getElementsByTagName('a');
                    var oImg = turnPic.getElementsByTagName('img');
                    for (var i = 0, len = oA.length; i < len; i++) {
                        oTit.innerHTML += '<li><a href="' + oA[i].href + '">' + oImg[i].title + '</a></li>';
                    }
                    oBtn.innerHTML = '<div class="lb"></div><div class="rb"></div><span></span>';
                    oId.appendChild(oBg);
                    oId.appendChild(oTit);
                    oId.appendChild(oBtn);
                },
                init = function () {
                    addHtml();
                    showImg(0);
                    var turnLoading = getClass(oId, 'div', 'turn-loading')[0];
                    oId.removeChild(turnLoading);
                    oId.onmouseover = function () {
                        clearInterval(auto);
                    };
                    oId.onmouseout = function () {
                        auto = setInterval(autoTurn, t * 1000);
                    };
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    var oLb = getClass(oId, 'div', 'lb')[0];
                    var oRb = getClass(oId, 'div', 'rb')[0];
                    oLb.onmouseover = function () {
                        this.style.backgroundPosition = '-12px 0';
                    }
                    oLb.onmouseout = function () {
                        this.style.backgroundPosition = '0 0';
                    }
                    oLb.onclick = function () {
                        if (!bot) {
                            return false;
                        }
                        if (num == 0) {
                            num = oLi.length - 1;
                        }
                        else {
                            num = num - 1;
                        }
                        showImg(num, 1);
                    }
                    oRb.onmouseover = function () {
                        this.style.backgroundPosition = '-18px 0';
                    }
                    oRb.onmouseout = function () {
                        this.style.backgroundPosition = '-6px 0';
                    }
                    oRb.onclick = function () {
                        if (!bot) {
                            return false;
                        }
                        if (num == oLi.length - 1) {
                            num = 0;
                        }
                        else {
                            num = num + 1;
                        }
                        showImg(num);
                    }
                },
                autoTurn = function () {
                    var turnPic = getClass(oId, 'ul', 'turn-pic')[0];
                    var oLi = turnPic.getElementsByTagName('li');
                    if (num == oLi.length - 1) {
                        num = 0;
                    }
                    else {
                        num = num + 1;
                    }
                    showImg(num);
                };
        init();
        auto = setInterval(autoTurn, t * 1000);
    })('turn2', 300);
</script>
</body>
</html>